<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 客户信息维护</title>
    <link rel="shortcut icon" href="../content/static/img/favicon.ico">
    <link href="../content/css/common_modal.css" rel="stylesheet">
    <link href="../content/static/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="../content/static/css/plugins/steps/jquery.steps.css" rel="stylesheet">
    <link href="../content/static/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="../content/static/css/animate.min.css" rel="stylesheet">
    <link href="../content/static/css/style.min.css?v=4.0.0" rel="stylesheet">
    <link href="../content/static/js/plugins/bootstrap-fileinput/css/fileinput.css" media="all" rel="stylesheet" />
    <style type="text/css">
        table-th {
            font-size: 12px;
            font-family: tahoma, "Microsoft YaHei", "Hiragino Sans GB", Arial, sans-serif;
            line-height: 1.42857143;
            color: #333;
            background-color: #f5f5f5;
        }
        table tr {
            height: 40px;
        }
    </style>
</head>

<body class="content-container">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12" <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <ol class="breadcrumb">
                        <li><a>企业信息</a></li>
                        <li><a>企业信息维护</a></li>
                    </ol>
                </div>
                <div class="ibox-content">
                    <table class="table table-hover table-bordered">
                        <thead>
                            <tr>
                                <th>序号</th>
                                <th>单位名称</th>
                                <th>单位电话</th>
                                <th>开户银行</th>
                                <th>银行账户</th>
                                <th>传真</th>
                                <th>税号</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><span >1</span></td>
                                <td><span >同程</span></td>
                                <td><span >051288888888</span></td>
                                <td><span >中信银行</span></td>
                                <td><span ></span>123222225456184</td>
                                <td><span >051288888888-1</span></td>
                                <td><span >9865415732158</span></td>
                                <td><span >启用</span></td>
                                <td>
                                    <a href="javascript:;" v-on:click="detailShow(item)">编辑</a>
                                    <a href="javascript:;" v-on:click="delete(item)">删除</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div style="display: none;" v-show="pageInit">
            <modal v-bind:show.sync="detailModal.show" v-bind:style="detailModal .style" v-bind:add-class="detailModal.addClass">
                <h4 slot="header">角色编辑</h4>
                <div slot="body" class="clearfix">
                    <form class="form-horizontal m-t" id="signupForm" novalidate="novalidate">
                        <div>
                            <h3 class="panel-title">开票信息</h3>
                        </div>
                        <div class="form-group" style="margin-top: 15px">
                            <label class="col-sm-2 control-label">单位名称</label>
                            <div class="col-sm-4">
                                <input id="confirm_password" class="form-control" type="text">
                            </div>
                            <label class="col-sm-2 control-label">税号
                            </label>
                            <div class="col-sm-4">
                                <input id="firstname" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">单位电话</label>
                            <div class="col-sm-4">
                                <input id="lastname" class="form-control" type="text">
                            </div>
                            <label class="col-sm-2 control-label">传真</label>
                            <div class="col-sm-4">
                                <input id="username" class="form-control" type="text">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">开户银行</label>
                            <div class="col-sm-4">
                                <input id="lastname" name="lastname" class="form-control" type="text" placeholder="开户银行名称">
                            </div>
                            <label class="col-sm-2 control-label">银行账户</label>
                            <div class="col-sm-4">
                                <input id="lastname" name="lastname" class="form-control" type="text" placeholder="银行账户号码">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">单位地址</label>
                            <div class="col-sm-4">
                                <input id="lastname" name="lastname" class="form-control" type="text">
                            </div>

                        </div>
                        <div>
                            <h3 class="panel-title">其他信息</h3>
                        </div>
                        <div class="form-group" style="margin-top: 15px">
                            <label class="col-sm-2 control-label">单位logo</label>
                            <div class="col-sm-4" style="width: 307px;">
                                <div class="file-loading">
                                    <input id="file-es" name="file-es[]" type="file" multiple>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">微信</label>
                            <div class="col-sm-4">
                                <input id="lastname" name="lastname" class="form-control" type="text">
                            </div>
                            <label class="col-sm-2 control-label">网址</label>
                            <div class="col-sm-4">
                                <input id="username" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">邮编</label>
                            <div class="col-sm-4">
                                <input id="lastname" name="lastname" class="form-control" type="text">
                            </div>
                            <label class="col-sm-2 control-label">邮箱</label>
                            <div class="col-sm-4">
                                <input id="lastname" name="lastname" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">备注</label>
                            <div class="col-sm-4">
                                <textarea id="ccomment" name="comment" class="form-control" required=""></textarea>
                            </div>
                        </div>
                    </form>
                </div>
                <div slot="footer" style="text-align:center">
                    <a href="javascript:;" class="revision-btn"> 保存</a>
                    <a href="javascript:;"  class="revision-btn-default" v-on:click="this.detailModal.close()"> 取消</a>
                </div>
            </modal>
        </div>
    </div>
    <script src="../content/js/lib/vue/vue.min.js"></script>
    <script src="../content/static/js/jquery.min.js?v=2.1.4"></script>
    <script src="../content/static/js/bootstrap.min.js?v=3.3.5"></script>
    <script src="../content/static/js/plugins/bootstrap-fileinput/js/fileinput.js"></script>
    <script src="../content/static/js/plugins/bootstrap-fileinput/js/plugins/sortable.js"></script>
    <script src="../content/static/js/plugins/bootstrap-fileinput/js/locales/zh.js"></script>
    <script src="../content/js/lib/vue/vue-modal.js"></script>
    <script src="../content/js/common.js"></script>
    <script>
        $(document).ready(function () {
            $('#file-es').fileinput({
                language: 'zh',
                uploadUrl: '#',
                allowedFileExtensions: ['jpg', 'png', 'gif']
            });
        });
        var vmData = {
            detailModal: {
                show: false,
                style: {
                    width: '780px',
                    height: "auto"
                },
                addClass: 'scroll-modal',
                func: {
                    type: Function
                },
                close: function () {
                    vm.detailModal.show = false;
                }
            }
        };
        vmData = $.extend(vmData, baseData);
        var vmMothod = {
            init: function () {
                //vm.$set('PageSearch', vm.searchData);
                //vm.searchData();
            },
            detailShow: function (serialNumber) {
                vm.detailModal.show = true;
            },
            delete: function (e) {

            },
        };
        vmMothod = $.extend(vmMothod, baseCommonFunction);
        var vm = new Vue({
            el: '.content-container',
            data: vmData,
            methods: vmMothod
        });
        vm.init();
    </script>
</body>

</html>